Chuyển tới nội dung chính

UI

1. updateMiniAppTheme()

Event Code: UPDATE_MINI_APP_THEME - Update mini app theme

Request data

FieldTypeRequiredDescription
headerColorstringoptionalMiniapp header background color #FFFFFF
headerTitlestringoptionalMiniapp header title Mini App
textColorstringoptionalMiniapp header text and button color #EE0033
leftButtonstringoptionalback - back button, none - không có gì back
actionButtonThemeTypestringoptionalMode hiển thị action: light - sáng , dark - tối light
hideAndroidBottomNavigationBarbooleanoptionalẨn hiện android bottom bar
hideIOSSafeAreaBottombooleanoptionalẨn hiện ios bottom safe area
toolbarModestringoptionalMode hiển thị header: normal - bình thường , hidden - ẩn, transparent - trong suốt normal

Response

No response data

Ví dụ sử dụng (npm package)

import { updateMiniAppTheme, isSuccess } from 'vdf-webview-miniapp-sdk'

const res = await updateMiniAppTheme({ data: {
headerColor: "#FFFFFF",
headerTitle: "Mini App",
textColor: "#EE0033",
leftButton: "back",
actionButtonThemeType: "light",
hideAndroidBottomNavigationBar: false,
hideIOSSafeAreaBottom: false,
toolbarMode: "normal"
} })
if (isSuccess(res)) {
console.log('Thành công')
}

Sử dụng với bundle.js

const res = await WebviewSdk.updateMiniAppTheme({ data: {
headerColor: "#FFFFFF",
headerTitle: "Mini App",
textColor: "#EE0033",
leftButton: "back",
actionButtonThemeType: "light",
hideAndroidBottomNavigationBar: false,
hideIOSSafeAreaBottom: false,
toolbarMode: "normal"
} })
if (WebviewSdk.isSuccess(res)) {
console.log('Thành công')
}

2. setScreenBrightness()

Event Code: SET_SCREEN_BRIGHTNESS - Đặt độ sáng màn hình (screen-scoped) cho màn hình mini-app đang hiển thị. Tự khôi phục khi rời màn/nền.

Request data

FieldTypeRequiredDescription
valuenumberrequiredĐộ sáng 0.0–1.0 0.8

Response data

FieldTypeRequiredDescription
successbooleanrequiredThành công true

Ví dụ sử dụng (npm package)

import { setScreenBrightness, isSuccess } from 'vdf-webview-miniapp-sdk'

const res = await setScreenBrightness({ data: {
value: 0.8
} })
if (isSuccess(res)) {
console.log(res.data.success)
}

Sử dụng với bundle.js

const res = await WebviewSdk.setScreenBrightness({ data: {
value: 0.8
} })
if (WebviewSdk.isSuccess(res)) {
console.log(res.data.success)
}

3. restoreScreenBrightness()

Event Code: RESTORE_SCREEN_BRIGHTNESS - Khôi phục độ sáng về giá trị đã lưu gần nhất theo session mini-app.

Request

No request parameters

Response data

FieldTypeRequiredDescription
successbooleanrequiredThành công true

Ví dụ sử dụng (npm package)

import { restoreScreenBrightness, isSuccess } from 'vdf-webview-miniapp-sdk'

const res = await restoreScreenBrightness()
if (isSuccess(res)) {
console.log(res.data.success)
}

Sử dụng với bundle.js

const res = await WebviewSdk.restoreScreenBrightness()
if (WebviewSdk.isSuccess(res)) {
console.log(res.data.success)
}